﻿<!DOCTYPE HTML>
<html>
<head>
    <title>Ciberdon Regalos</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/modernizr.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
    <script type="text/javascript" src="js/jquery.lazy.min.js"></script>
    <script defer src="js/jquery.flexslider.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {


            $('#sliderInicio').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: true,
                pauseOnHover: true,
                slideshow: true,
                slideshowSpeed: 3000,
                start: function (slider) {
                    $('body').removeClass('loading');
                }
            });


        });
    </script>
    <script type='text/javascript'>
        //Initial load of page
        $(document).ready(sizeContent);

        //Every resize of window
        $(window).resize(sizeContent);

        function sizeContent() {

            var newHeight = 0;
            var newHeight2 = 0;
            var footerPosition = $("#footer").css('position');
            var headerPosition = $("#header").css('position');


            if (footerPosition == "fixed") 
            {
                newHeight = $(window).height() - $("#header").height() - $("#footer").height() + "px";
                $("#div6").css("height", newHeight);
                $("#div6").css("margin-bottom", $("#footer").height() + "px");
            }
            else 
            {
                newHeight = $(window).height() - $("#header").height() + "px";

                newHeight2 = $(window).height() - $("#header").height() - $("#footer").height() + "px";              
                $("#div6").css("height", newHeight2);
            }

            if (headerPosition != "fixed") 
            {
                newHeight = $(window).height() + "px";
                $("#div6").css("height", newHeight);
            }

          
            $("#div1").css("height", newHeight);
            $("#div1").css("margin-top", $("#header").height() + "px");
            $("#work").css("height", newHeight);
            $("#div2").css("height", newHeight);
            $("#div3").css("height", newHeight);
            $("#div4").css("height", newHeight);
            $("#div5").css("height", newHeight);
          
           

        }
    </script>
       <script type="text/javascript" src="js/navigation.js"></script>
</head>
<body>
    <div id="header" class="header colorHeader">
        <div data-slide="1" class="logo menu-button">
            <a href="#">
                <img src="images/ciberdon.png" align="left" id="img" alt="" /></a>
        </div>
        <div class="cssmenu">
            <ul>
               
                <li class="color1 menu-button" data-slide="1"><a href="#"><span>
                    <img class="imgMenu" src="images/btnHome.png" align="left" alt="" /><div class="marginLink">
                        Inicio</div>
                </span></a></li>
                <li class="color2 menu-button" data-slide="2"><a href="#"><span>
                    <img class="imgMenu" src="images/btnAbout.png" align="left" alt="" /><div class="marginLink">
                        Ciberdon</div>
                </span></a></li>
                <li class="color3 menu-button" data-slide="3"><a href="#"><span>
                    <img class="imgMenu" src="images/btnProducts.png" align="left" alt="" /><div class="marginLink">
                        Productos</div>
                </span></a></li>
                <li class="color4 menu-button" data-slide="4"><a href="#"><span>
                    <img class="imgMenu" src="images/btnBuy.png" align="left" alt="" /><div class="marginLink">
                        Comprar</div>
                </span></a></li>
                <li class="color5 menu-button" data-slide="5"><a href="#"><span>
                    <img class="imgMenu" src="images/btnNews.png" align="left" alt="" /><div class="marginLink">
                        Novedades</div>
                </span></a></li>
                <li class="color6 menu-button" data-slide="6"><a href="#"><span>
                    <img class="imgMenu" src="images/btnContact.png" align="left" alt="" /><div class="marginLink">
                        Contacto</div>
                </span></a></li>
            </ul>
        </div>
    </div>
    <div class="follow_icon">
        <ul>
            <li><a href="https://www.facebook.com/ciberdon" target="_blank" style="opacity: 1;">
                <img class="imgRotate" src="images/facebook_fill.png" alt=""></a></li>
            <li><a href="https://www.twitter.com/ciberdonregalos" target="_blank" style="opacity: 1;">
                <img class="imgRotate" src="images/twitter_fill.png" alt=""></a></li>
            <li><a href="http://www.instagram.com/ciberdonregalos" target="_blank" style="opacity: 1;">
                <img class="imgRotate" src="images/instagram_fill.png" alt=""></a></li>
            <li><a href="https://plus.google.com/110186566023741620761/about" target="_blank"
                style="opacity: 1;">
                <img class="imgRotate" src="images/googleplus_fill.png" alt=""></a></li>
        </ul>
    </div>
    <div class="slide Slide1 color1" data-slide="1">
        <div id="div1" class="wrapper">
            <!------ Slider ------------>
            <center>
                <div class="sliderInicio">
                    <div class="sliderBorder">
                        <div class="sliderBorder2">
                            <div id="sliderInicio" class="flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="images/banner1.jpg" /></li>
                                    <li>
                                        <img src="images/banner2.jpg" /></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </center>
            <!------End Slider ------------>
        </div>
    </div>
    <div class="slide Slide2 color2" data-slide="2">
        <!-- quienes somos slide-->
        <div id="div2" class="wrapper">
            <div class="SlideTitle">
                ¿QUIENES SOMOS?
            </div>
            <center>
                <div class="Slide2Body">
                    <h1>
                        Ciberdon Regalos</h1>
                    es una empresa familiar dedicada exclusivamente a ofrecer a sus clientes la más
                    amplia variedad de productos personalizados para todo tipo de eventos, logrando
                    que cada uno de ellos se vuelva único y original.
                    <br />
                    <br />
                    Esos momentos únicos en la vida, los cuales se desean recordarlos y guardarlos como
                    un tesoro, son los momentos en los que
                    <h1>
                        Ciberdon Regalos</h1>
                    se inspira para desarrollar toda su creatividad y originalidad. Brindándole a sus
                    clientes, el mejor detalle en sus productos personalizados, haciendo que estos se
                    diferencie entre los demás por su originalidad.
                    <br />
                    <br />
                    Ofrecemos una gran variedad de ideas y regalos personalizados para cada ocasión.
                    Ya sea un cumpleaños, aniversario, casamiento, nacimiento, bautismo, comunión y
                    cualquier momento en el que quieras sorprender con un gran regalo o un detalle original.
                    <br />
                    <br />
                    Dentro de la línea de productos personalizados
                    <h1>
                        Ciberdon Regalos</h1>
                    , se puede encontrar: ALMOHADÓN • AZULEJO • BABERO • BOTELLA • BURBUJEROS • CARTUCHERA
                    • DELANTAL • FOTORECUERDOS • IMAN • LLAVERO • LLAVERO DESTAPADOR • MANTEL • MOCHILA
                    • MOUSEPAD • PRENDEDOR • POSAVASO • TAZA • TAZA MÁGICA • TAZA PLASTICA • TOALLA
                    • RELOJ • REMERA • ROMPECABEZA • SERVILLETA • STCIKERS PARA CANDY BAR • VASO PLASTICO
                    y mucho más.
                    <br />
                    <br />
                    No esperes más y comenzá a disfrutar de nuestros regalos personalizados. ¡Que no
                    te de regalar lo mismo, REGALOS PERSONALIZADOS,
                    <h1>
                        Ciberdon Regalos</h1>
                    tu mejor opción!
                </div>
            </center>
        </div>
    </div>
    <div class="slide Slide3 color3" data-slide="3">
        <!--Productos-->
        <div id="div3" class="wrapper">
            <div class="SlideTitle">
                Productos
            </div>
            <div id="work" class="page">
                <div class="container">
                    <!-- Portfolio Projects -->
                    <div class="row">
                        <div class="span3">
                            <!-- Filter -->
                            <nav id="options" class="work-nav">
                                <ul id="filters" class="option-set" data-option-key="filter">
                    	            <li class="type-work">Categorias</li>
                                    <!--PARA CAMBIAR EL DEFAULT SE CAMBIA DESDE MAIN.JS-->
                                    <li><a href="#filter" data-option-value=".tazas" class="selected">Tazas</a></li>
                                    <li><a href="#filter" data-option-value=".remeras">Remeras</a></li>
                                    <li><a href="#filter" data-option-value=".llaveros">Llaveros</a></li>
                                </ul>
                            </nav>
                            <!-- End Filter -->
                        </div>
                        <div class="span9">
                            <div class="row">
                                <section id="projects">
                    	<ul id="thumbs">
                        
							<!-- Item Project and Filter Name -->
                        	<li class="item-thumbs span3 tazas">
                            	<!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            	<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Taza 1" href="images/work/full/image-01-full.jpg">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="images/work/thumbs/image-01.jpg" alt="Taza de ceramica esmaltada">
                            </li>
                        	<!-- End Item Project -->
                            
							<!-- Item Project and Filter Name -->
                        	<li class="item-thumbs span3 tazas">
                            	<!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            	<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Taza 2" href="images/work/full/image-02-full.jpg">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="images/work/thumbs/image-02.jpg" alt="Taza Plastica">
                            </li>
                        	<!-- End Item Project -->
                            
							<!-- Item Project and Filter Name -->
                        	<li class="item-thumbs span3 remeras">
                            	<!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            	<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Remera 1" href="images/work/full/image-03-full.jpg">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="images/work/thumbs/image-03.jpg" alt="Remera doble estampa">
                            </li>
                        	<!-- End Item Project -->
                            
							<!-- Item Project and Filter Name -->
                        	<li class="item-thumbs span3 remeras">
                            	<!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            	<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Remera 2" href="images/work/full/image-03-full.jpg">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="images/work/thumbs/image-03.jpg" alt="Remera estampa simple">
                            </li>
                        	<!-- End Item Project -->
                           
                            
							<!-- Item Project and Filter Name -->
                        	<li class="item-thumbs span3 llaveros">
                            	<!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            	<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Llavero 1" href="images/work/full/image-07-full.jpg">
                                	<span class="overlay-img"></span>
                                    <span class="overlay-img-thumb font-icon-plus"></span>
                                </a>
                                <!-- Thumb Image and Description -->
                                <img src="images/work/thumbs/image-07.jpg" alt="Llavero redondo">
                            </li>
                        	<!-- End Item Project -->
                        </ul>
                    </section>
                            </div>
                        </div>
                    </div>
                    <!-- End Portfolio Projects -->
                </div>
            </div>
        </div>
    </div>
    <div class="slide Slide4 color4" data-slide="4">
        <!--Comprar-->
        <div id="div4" class="wrapper center">
                <div class="col_1_of_4 span_1_of_4">
                    <div class="list-box">
                        <p class="numb">
                            1.</p>
                        <h4>
                            Pedido</h4>
                        <p class="txt1">
                            Paso Uno</p>
                        <p class="txt2">
                            En Ciberdon Regalos, podrás adquirir varios productos personalizados. Para ello,
                            solo debes decirnos que productos necesitas, y comentarnos la idea para poder personalizarlo.
                            Podes dejarnos fotografías, nos comentas que texto querés que tenga, los colores
                            y/ó temática para decorarlo. (En Ciberdon Regalos contamos con varios modelos para
                            que ese regalo sea único)</p>
                    </div>
                </div>
                <div class="col_1_of_4 span_1_of_4">
                    <div class="list-box">
                        <p class="numb">
                            2.</p>
                        <h4>
                            Diseño</h4>
                        <p class="txt1">
                            Paso Dos</p>
                        <p class="txt2">
                            Luego el grupo creativo de Ciberdon Regalos, se encargará de preparar las muestras
                            del producto. Esta misma puede demorar de 1 a 3 días, y en esos días se diseñan
                            de 2 a 3 muestras para que puedas elegir y/ó combinar entre los modelos personalizados.</p>
                    </div>
                </div>
                <div class="col_1_of_4 span_1_of_4">
                    <div class="list-box">
                        <p class="numb">
                            3.</p>
                        <h4>
                            Muestra</h4>
                        <p class="txt1">
                            Paso Tres</p>
                        <p class="txt2">
                            El día acordado, deberás confirmar el diseño elegido. Para lo cual, podrás acercarte
                            personalmente o podríamos enviarte la muestra por e-mail. En esta confirmación,
                            deberás corroborar que el diseño sea lo que realmente vos necesitas, que los textos,
                            los colores y las fotos sean la deseadas. Caso contrario, se procede a corregir
                            aquello que no sea lo deseado.</p>
                    </div>
                </div>
                <div class="col_1_of_4 span_1_of_4">
                    <div class="list-box">
                        <p class="numb">
                            4.</p>
                        <h4>
                            Armado</h4>
                        <p class="txt1">
                            Paso Cuatro</p>
                        <p class="txt2">
                            Una vez confirmada la muestra, el grupo creativo de Ciberdon Regalos, procede al
                            armado del regalo personalizado para entregarlo el día de la fecha estipulada. Producto
                            100% original y único en el mercado.</p>
                    </div>
                </div>
                <div class="col_1_of_4 span_1_of_4">
                    <div class="list-box">
                        <p class="numb">
                            5.</p>
                        <h4>
                            Entrega</h4>
                        <p class="txt1">
                            Paso Cinco</p>
                        <p class="txt2">
                            El día pactado, solo deberás retirar tu regalo personalizado, con garantía de originalidad
                            y creatividad. Ya no volverás a regalar siempre lo mismo, regalaras el grupo creativo
                            de Ciberdon Regalos</p>
                    </div>
                </div>
        </div>
    </div>
    <div class="slide Slide5 color5" data-slide="5">
        <!--Novedades-->
        <div id="div5" class="wrapper">
        </div>
    </div>
    <div class="slide Slide6 color6" data-slide="6">
        <!--Contacto-->
        <div id="div6" class="wrapper center">
            <div class="col col_1_of_2">
                <div class="contact-form">
                    <h3>Contactanos</h3>
                    <form method="post" action="contact-post.html">
                    <div>
                        <span>
                            <label>
                                Nombre</label></span> <span>
                                    <input name="userName" type="text" class="textbox"></span>
                    </div>
                    <div>
                        <span>
                            <label>
                                E-Mail</label></span> <span>
                                    <input name="userEmail" type="text" class="textbox"></span>
                    </div>
                    <div>
                        <span>
                            <label>
                                Telefono</label></span> <span>
                                    <input name="userPhone" type="text" class="textbox"></span>
                    </div>
                    <div>
                        <span>
                            <label>
                                Consulta</label></span> <span>
                                    <textarea name="userMsg"> </textarea></span>
                    </div>
                    <div>
                        <a href="#" class="btn btn-primary btn1">Enviar</a>
                    </div>
                    </form>
                </div>
            </div>
            <div class="col col_2_of_2">
                <div>
                    <h3>
                        Encontranos aqui</h3>
                    <div>
                     <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3280.5851610681834!2d-58.689156!3d-34.690418!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcc0f5d6140797%3A0xc25e853d26783b30!2sCiberdon+Regalos!5e0!3m2!1sen!2sar!4v1399045213766" width="400" height="300" frameborder="0" style="border:0"></iframe>
                    </div>
                </div>
            </div>
          
        </div>
    </div>
    <div id="footer" class="footer colorFooter">
        <hr align="middle" />
        <p>
            Avenida Eva Perón 4227 - CP B1716CHH - Libertad (Merlo) - Buenos Aires - Argentina
            | (54) 0220 - 497 2871 | Email <a class="mail" href="mailto:ciberdon.regalos@gmail.com">
                ciberdon.regalos@gmail.com</a>
        </p>
        <div class="copy">
            <p>
                © 2014 All rights Reserved | Design by @alanvojnovic & @nuelia</p>
        </div>
    </div>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/supersized.3.2.7.min.js"></script>
    <script src="js/waypoints.js"></script>
    <script src="js/waypoints-sticky.js"></script>
    <script src="js/jquery.isotope.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.fancybox-media.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
</body>
</html>
